<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="UTF-8">
        <title>社区问答排行类表</title>
        <link href="css/style.css" rel="stylesheet" type="text/css"/>
    </head>
    <body>


    <div class="header">
        <div class="main">
            <!--<img src="images/Artboard(1).png" style="width: 110px; height: 110px;" />-->
            <a class="title" th:href="index.html" target="_parent" title="浦江">
                <i class="iconfont icon-jiaoliu layui-hide-xs" style="font-size: 22px;"></i>
                浦江你问我答社区</a>
            <div class="nav">
                <a class="nav-this" href="index.html">
                    <i class="iconfont icon-wenda"></i>你问我答</a>
            </div>
            <div class="nav-user">
                <!--
                    作者：634072111@qq.com
                    时间：2017-12-28
                    描述：登录后的样子

                <a class="avatar" href="">
                    <img src="res/images/avatar/11.jpg">
                    <cite>贤心</cite>
                </a>
                <div class="nav">
                    <a href=""><i class="iconfont icon-tuichu" style="top: 0; font-size: 22px;"></i>退出</a>
                </div>
                 -->


                <!--
                    作者：634072111@qq.com
                    时间：2017-12-28
                    描述：未登录的样子
                -->
                <a   class="iconfont icon-touxiang layui-hide-xs" style="margin-top: 4px; display: inline-block;">
                </a>
                <div class="nav"  style="font-size:14px;color: white;margin-top: -5px;margin-left: 1px; "  />
                <a href="login.html"  target="_parent" >登录</a>
                <a href="register.html" target="_parent" >注册</a>
            </div>
        </div>

        <div class="news-nav">
            <div class="container clearfix">
                <div class="nav-bar">
                    <a class="current" th:href="@{/queryhomepage}" style="font-size:22px; color: white;">问答首页</a>&nbsp;&nbsp;&nbsp;&nbsp;
                    <a class="" th:href="@{/addquery}" style="font-size:22px; color: white;">悬赏问题</a>&nbsp;&nbsp;&nbsp;&nbsp;
                    <a class="" th:href="@{/queryhomepage}" style="font-size:22px; color: white;">未解决</a>&nbsp;&nbsp;&nbsp;&nbsp;
                    <a class="" th:href="@{/honor}" style="font-size:22px; color: white;">光荣榜</a>&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="#" target="_blank" style="font-size:22px; color: white;" >C币充值</a>
                </div>
            </div>
        </div>

    </div>
    </div>



        <div style="height:100px;"></div>
        <div class="ques-section clearfix">
            <div class="ques-section-item">
                <h2 class="ques-item-title">问问专家</h2>
                <div class="ques-section-card">
                    <div class="ques-card-head ques-card-gul">
                        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="323px" height="30px" xml:space="preserve">
                            <defs>
                                <pattern id="water" width=".25" height="1.1" patternContentUnits="objectBoundingBox">
                                    <path fill="#fff" d="M0.25,1H0c0,0,0-0.659,0-0.916c0.083-0.303,0.158,0.334,0.25,0C0.25,0.327,0.25,1,0.25,1z"></path>
                                </pattern>
                                <g id="eff">
                                    <rect fill="url(#water)" x="-119.461" y="0" width="1200" height="120" opacity="0.1">
                                        <animate attributeType="xml" attributeName="x" from="-300" to="0" repeatCount="indefinite" dur="10s"></animate>
                                    </rect>
                                    <rect fill="url(#water)" y="5" width="1600" height="125" opacity="0.1" x="-399.447">
                                        <animate attributeType="xml" attributeName="x" from="-400" to="0" repeatCount="indefinite" dur="13s"></animate>
                                    </rect>
                                </g>
                            </defs>
                            <use xlink:href="#eff" opacity="1" style="mix-blend-mode:normal;"></use>
                        </svg>
                    </div>
                    <div class="ques-card-title">问问专家</div>
                    <div class="ques-card-text">在社区问问最专业的知识贡献用户</div>
                    <a href="javascript:;" class="ques-card-num">
                        <img src="images/user001.gif" alt="">
                    </a>
                    <div class="ques-card-name">委婉小小</div>
                    <div class="ques-card-major">闻道有先后 术业有专攻</div>
                    <div class="ques-card-field">“擅长领域”</div>
                    <div class="ques-card-tag">
                        <span>健康生活</span>
                    </div>
                    <a href="javascript:;" class="ques-card-help">向Ta求助</a>
                    <div class="ques-card-bots">14个领域  专家火热报名中</div>
                </div>
            </div>
            <div class="ques-section-item">
                <h2 class="ques-item-title">问问达人</h2>
                <div class="ques-section-card">
                    <div class="ques-card-head ques-card-org">
                        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="323px" height="30px" xml:space="preserve">
                            <defs>
                                <pattern id="water" width=".25" height="1.1" patternContentUnits="objectBoundingBox">
                                    <path fill="#fff" d="M0.25,1H0c0,0,0-0.659,0-0.916c0.083-0.303,0.158,0.334,0.25,0C0.25,0.327,0.25,1,0.25,1z"></path>
                                </pattern>
                                <g id="eff">
                                    <rect fill="url(#water)" x="-119.461" y="0" width="1200" height="120" opacity="0.3">
                                        <animate attributeType="xml" attributeName="x" from="-300" to="0" repeatCount="indefinite" dur="10s"></animate>
                                    </rect>
                                    <rect fill="url(#water)" y="5" width="1600" height="125" opacity="0.3" x="-399.447">
                                        <animate attributeType="xml" attributeName="x" from="-400" to="0" repeatCount="indefinite" dur="13s"></animate>
                                    </rect>
                                </g>
                            </defs>
                            <use xlink:href="#eff" opacity="1" style="mix-blend-mode:normal;"></use>
                        </svg>
                    </div>
                    <div class="ques-card-title">问问达人</div>
                    <div class="ques-card-text">问问官方直接领导的热心用户</div>
                    <a href="javascript:;" class="ques-card-num">
                        <img src="images/user002.gif" alt="">
                    </a>
                    <div class="ques-card-name">大笨</div>
                    <div class="ques-card-major">三人行必有我师</div>
                    <div class="ques-card-field">“擅长领域”</div>
                    <div class="ques-card-tag">
                        <span>社会民生</span>
                        <span>法律法规</span>
                    </div>
                    <a href="javascript:;" class="ques-card-help">向Ta求助</a>
                    <div class="ques-card-bots">22个领域  达人火热报名中</div>
                </div>
            </div>
            <div class="ques-section-item">
                <h2 class="ques-item-title">问问排行</h2>
                <div class="ques-section-card">
                    <div class="ques-card-head ques-card-bul">
                        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="323px" height="30px" xml:space="preserve">
                            <defs>
                                <pattern id="water" width=".25" height="1.1" patternContentUnits="objectBoundingBox">
                                    <path fill="#fff" d="M0.25,1H0c0,0,0-0.659,0-0.916c0.083-0.303,0.158,0.334,0.25,0C0.25,0.327,0.25,1,0.25,1z"></path>
                                </pattern>
                                <g id="eff">
                                    <rect fill="url(#water)" x="-119.461" y="0" width="1200" height="120" opacity="0.3">
                                        <animate attributeType="xml" attributeName="x" from="-300" to="0" repeatCount="indefinite" dur="10s"></animate>
                                    </rect>
                                    <rect fill="url(#water)" y="5" width="1600" height="125" opacity="0.3" x="-399.447">
                                        <animate attributeType="xml" attributeName="x" from="-400" to="0" repeatCount="indefinite" dur="13s"></animate>
                                    </rect>
                                </g>
                            </defs>
                            <use xlink:href="#eff" opacity="1" style="mix-blend-mode:normal;"></use>
                        </svg>
                    </div>
                    <div class="ques-card-title ques-card-title-top">周采纳数排行榜</div>
                    <ul class="ques-card-list">
                        <li class="ques-card-list-noe">
                            <div class="ques-list-box clearfix">
                                <div class="ques-list-head">
                                    <div class="ques-list-image">
                                        <img src="images/user.jpg" alt="">
                                    </div>
                                </div>
                                <div class="ques-list-name">
                                    <div class="ques-list-name-head">  小仙女/</div>
                                    <div class="ques-list-name-text"> 采纳数: 663</div>
                                </div>
                                <span class="ques-list-name-icon item-icon001">1</span>
                            </div>
                        </li>
                        <li class="ques-card-list-two">
                            <div class="ques-list-box clearfix">
                                <div class="ques-list-head">
                                    <div class="ques-list-image">
                                        <img src="images/user001.jpg" alt="">
                                    </div>
                                </div>
                                <div class="ques-list-name">
                                    <div class="ques-list-name-head">摩登熊希/</div>
                                    <div class="ques-list-name-text"> 采纳数: 663</div>
                                </div>
                                <span class="ques-list-name-icon item-icon002">2</span>
                            </div>
                        </li>
                        <li class="ques-card-list-three">
                            <div class="ques-list-box clearfix">
                                <div class="ques-list-head">
                                    <div class="ques-list-image">
                                        <img src="images/user002.jpg" alt="">
                                    </div>
                                </div>
                                <div class="ques-list-name">
                                    <div class="ques-list-name-head">小猪罗罗</div>
                                    <div class="ques-list-name-text"> 采纳数: 663</div>
                                </div>
                                <span class="ques-list-name-icon item-icon003">3</span>
                            </div>
                        </li>
                        <li class="">
                            <div class="ques-list-box clearfix">
                                <div class="ques-list-head">
                                    <div class="ques-list-image">
                                        <img src="images/user003.jpg" alt="">
                                    </div>
                                </div>
                                <div class="ques-list-name">
                                    <div class="ques-list-name-head">我是国际章</div>
                                    <div class="ques-list-name-text"> 采纳数: 663</div>
                                </div>
                                <span class="ques-list-name-icon item-icon004">4</span>
                            </div>
                        </li>
                        <li class="">
                            <div class="ques-list-box clearfix">
                                <div class="ques-list-head">
                                    <div class="ques-list-image">
                                        <img src="images/user004.jpg" alt="">
                                    </div>
                                </div>
                                <div class="ques-list-name">
                                    <div class="ques-list-name-head">熊希的哥</div>
                                    <div class="ques-list-name-text"> 采纳数: 663</div>
                                </div>
                                <span class="ques-list-name-icon item-icon005">5</span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

    </body>
</html>
